<template>
    <h2 class="left-title"> {{ title }} <span>{{ desc }}</span></h2>
</template>

<script>
    export default {
        props: {
            title: String,
            desc: String
        },
        name: "LeftTitle"
    }
</script>

<style lang="scss" scoped>
    .left-title {
        padding: 10px 0;
        font-size: 18px;
        border-bottom: #dedede 1px solid;
        overflow: hidden;
        color: #333;
        text-shadow: #fff 1px 1px 2px;
        span {
            float: right;
            font-weight: normal;
            font-size: 16px;
            animation: animations2 5s;
            -moz-animation: animations2 5s; /* Firefox */
            -webkit-animation: animations2 5s; /* Safari 和 Chrome */
            -o-animation: animations2 5s;
        }
    }

</style>